<template>
    <commonPage :showHeader="false">
    <scroller
      slot="page_body"
      style="height: 100%"
      ref="my_scroller"
      :on-refresh="refresh"
      :on-infinite="infinite"
      refresh-layer-color="#4b8bf4"
      loading-layer-color="#ec4949"
      class="page_body"
    >
    <div class="all">
        <div class="button1">
            <van-button  block color="#168ce2" native-type="submit">
                <div class="aa">
                    <div><img src="@/assets/img/download.png" width="100%"></div>
                    <p>文件下载</p>
                </div> 
            </van-button>
        </div>
        <div class="button2">
            <van-button block color="#168ce2" native-type="submit">
                <div class="bb">
                    <div><img src="@/assets/img/submit.png" width="100%"></div>
                    <p>点击上传</p>
                </div> 
            </van-button>
        </div>
        
    </div>

    </scroller>
  </commonPage>
</template>
<script>
import commonPage from "../components/common/commonPage";
export default {
  name: "dianxing2",
  data() {
    return {

    };
  },
  created() {
    
  },
  components: {
    commonPage,
  },
  methods: {

    
  },

};
</script>
<style scoped>
*{
  padding: 0;
  margin: 0;
}
.all{
    width: 100%;
    height: 100%;
    background: white;
    padding: 3rem 0rem;
}
.button1{
    width: 90%;
    margin: 0 auto;
}
.aa{
    display: flex;
}
.aa > div{
    width: 1.50rem;
}
.aa > p{
    margin: auto 0.2rem;
    font-size: 1rem;
}

.button2{
    width: 90%;
    margin: 1.5rem auto;
    border-radius: 5px;
}
.bb{
    display: flex;
}
.bb > div{
    width: 1.50rem;
}
.bb > p{
    margin: auto 0.2rem;
    font-size: 1rem;
}



</style>